<template>
	<div id="tmpl">
		<div class="title">
			<h4>{{info.title}}</h4>
			<h5>{{info.add_time | datefmt('YYYY-MM-DD')}} {{info.click}}次浏览</h5>
		</div>
		<div class="content" v-html="info.content"></div>
		<comment :id="id"></comment>
	</div>
</template>

<script>
	import {Toast} from 'mint-ui';
	import common from '../../kits/common.js';
	import comment from '../subcom/comment.vue';

	export default {
		components:{
			comment
		},
		data(){
			return {
				id:0,
				info:{}
			}
		},
		created(){
			this.id = this.$route.params.id;
			this.getInfo();
		},
		methods:{
			getInfo(){
				var url =  common.apidomain + '/api/getnew/' + this.id;
				this.$http.get(url).then(function (res) {
					var data = res.body;
					if(data.status !== 0){
						Toast(data.message);
						return ;
					}
					this.info = data.message[0];
				})
			}
		}
	}
</script>

<style scoped>

.title h4 {
    color: #0094ff;
}

.title h5 {
    color: rgba(0, 0, 0, 0.7);
}

.title,
.content {
    padding: 5px;
}
.content p {
	text-indent: 2em;
	font-size: 16px;
}
</style>